<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="screen-orientation" content="portrait">
		<meta name="x5-orientation" content="portrait">
		<meta name="full-screen" content="yes">
		<meta name="x5-fullscreen" content="true">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no,email=no,adress=no">
		<meta http-equiv="Cache-Control" content="no-cache,must-revalidate">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="cache-Control" content="no-cache">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=yes" />
		<meta name="keywords" content="珠宝街,珠宝商城,珠宝街手机版,黄金、钻石、彩宝、铂金、银饰、翡翠、玉石、珍珠、水晶、手串、手链、手镯、戒指、佛珠、工艺品、企业礼品定制">
		<meta name="description" content="珠宝街、珠宝街手机版-中国最大的珠宝商城网站,在线销售黄金、钻石、彩宝、铂金、银饰、翡翠、玉石、珍珠、水晶、手串、手镯、手链、戒指、项链、手表、眼镜、转运珠、工艺品、字画收藏、企业礼品定制等海量珠宝品牌，珠宝知名大牌:周大福、老凤祥、周六福、卡地亚、百泰、菜百、周大生、中国黄金均入驻珠宝街平台，更汇聚全国知名珠宝批发基地，买珠宝,就上珠宝街! ">
		<title>珠宝街 - 触屏版</title>
		<link rel="shortcut icon" href="favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/fonts.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		
		<!-- header -->
		<header class="clearfix">
			<div class="header_l"><i class="icon-shangpinfenlei"></i></div>
			<div class="header_form">
				<form action="" method="post">
					<input type="text" placeholder="请输入关键字">
					<button class="icon-sousuo"></button>
				</form>
			</div>
			<div class="header_msg"><i class="icon-xiaoxi"></i></div>
		</header>
		<!-- header end -->
		
		<!-- main -->
		<div class="main">
			<!-- banner -->
			<div class="banner">
				<div class="swiper-container swiper-container-banner">
					<div class="swiper-wrapper">
							<div class="swiper-slide">
								<a href="javascript:;">
									<img src="images/banner01.jpg" alt="">
								</a>
							</div>
							<div class="swiper-slide">
								<a href="javascript:;">
									<img src="images/banner02.jpg" alt="">
								</a>
							</div>
							<div class="swiper-slide">
								<a href="javascript:;">
									<img src="images/banner03.jpg" alt="">
								</a>
							</div>
							<div class="swiper-slide">
								<a href="javascript:;">
									<img src="images/banner04.jpg" alt="">
								</a>
							</div>
							<div class="swiper-slide">
								<a href="javascript:;">
									<img src="images/banner05.jpg" alt="">
								</a>
							</div>
					</div>
					<!-- 如果需要分页器 -->
					<div class="swiper-pagination swiper-pagination-banner"></div>
				</div>
			</div>
			<!-- banner end -->
			
			<!-- nav -->
			<div class="nav">
				<ul class="clearfix">
					<li>
						<a href="javascript:;">
							<img src="images/nav01.jpg" >
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/nav02.jpg" >
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/nav03.jpg" >
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/nav04.jpg" >
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/nav05.jpg" >
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/nav06.jpg" >
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/nav07.jpg" >
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/nav08.jpg" >
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/nav09.jpg" >
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/nav10.jpg" >
						</a>
					</li>
				</ul>
			</div>
			<!-- nav end -->
			
			<!-- join -->
			<div class="join">
				<a href="javascript:;">
					<img src="images/join01.jpg" >
				</a>
				<ul class="clearfix">
					<li>
						<a href="javascript:;">
							<img src="images/join02.jpg" >
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/join03.jpg" >
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="images/join04.jpg" >
						</a>
					</li>
				</ul>
			</div>
			<!-- join end -->
			
			<!-- notice -->
			<div class="notice_box clearfix">
				<h2>珠宝街<span>头条</span></h2>
				<!-- notice_con -->
				<div class="notice_con">
					<div class="swiper-container swiper-container-notice">
						<div class="swiper-wrapper">
								<div class="swiper-slide">
									<a href="javascript:;">热烈祝贺珍珠坊旗舰店入驻珠宝街</a>
								</div>
								<div class="swiper-slide">
									<a href="javascript:;">热烈祝贺美奈尔珍珠旗舰店入驻珠宝街平台</a>
								</div>
								<div class="swiper-slide">
									<a href="javascript:;">热烈祝贺黔隆工艺旗舰店入驻珠宝街</a>
								</div>
								<div class="swiper-slide">
									<a href="javascript:;">热烈祝贺珍珠世家旗舰店入驻珠宝街</a>
								</div>
						</div>
					</div>
					<!-- notice_con end -->
				</div>
			</div>
			<!-- notice end -->
			
			<!-- flashsale -->
			<div class="flashsale">
				<div class="tit_box clearfix">
					<h2>掌上秒杀</h2>
					<span>距离结束：<i>00</i> : <i>21</i> : <i>12</i></span>
					<a href="javascript:;"><span>更多好礼等你来拿</span><i class="icon-gengduo more"></i></a>
				</div>
				<div class="con_box">
					<div class="swiper-container swiper-container-flashsale">
						<div class="swiper-wrapper">
								<!-- one item -->
								<div class="swiper-slide">
									<a class="pic" href="#">
										<img src="images/flashsale01.jpg" >
									</a>
									<a class="desc" href="#">
										<p >【最惠价】日韩版简约开口S925银尾戒男士小指戒指单身女食指</p>
									</a>
									<p class="actPrice">￥47.00</p>
									<p class="orgPrice">￥147.00</p>
								</div>
								<!-- one item end -->
								<!-- one item -->
								<div class="swiper-slide">
									<a class="pic" href="#">
										<img src="images/flashsale02.jpg" >
									</a>
									<a class="desc" href="#">
										<p >【最惠价】日韩版简约开口S925银尾戒男士小指戒指单身女食指</p>
									</a>
									<p class="actPrice">￥47.00</p>
									<p class="orgPrice">￥147.00</p>
								</div>
								<!-- one item end -->
								<!-- one item -->
								<div class="swiper-slide">
									<a class="pic" href="#">
										<img src="images/flashsale03.jpg" >
									</a>
									<a class="desc" href="#">
										<p >【最惠价】日韩版简约开口S925银尾戒男士小指戒指单身女食指</p>
									</a>
									<p class="actPrice">￥47.00</p>
									<p class="orgPrice">￥147.00</p>
								</div>
								<!-- one item end -->
								<!-- one item -->
								<div class="swiper-slide">
									<a class="pic" href="#">
										<img src="images/flashsale04.jpg" >
									</a>
									<a class="desc" href="#">
										<p >【最惠价】日韩版简约开口S925银尾戒男士小指戒指单身女食指</p>
									</a>
									<p class="actPrice">￥47.00</p>
									<p class="orgPrice">￥147.00</p>
								</div>
								<!-- one item end -->
								<!-- one item -->
								<div class="swiper-slide">
									<a class="pic" href="#">
										<img src="images/flashsale01.jpg" >
									</a>
									<a class="desc" href="#">
										<p >【最惠价】日韩版简约开口S925银尾戒男士小指戒指单身女食指</p>
									</a>
									<p class="actPrice">￥47.00</p>
									<p class="orgPrice">￥147.00</p>
								</div>
								<!-- one item end -->
								<!-- one item -->
								<div class="swiper-slide">
									<a class="pic" href="#">
										<img src="images/flashsale02.jpg" >
									</a>
									<a class="desc" href="#">
										<p >【最惠价】日韩版简约开口S925银尾戒男士小指戒指单身女食指</p>
									</a>
									<p class="actPrice">￥47.00</p>
									<p class="orgPrice">￥147.00</p>
								</div>
								<!-- one item end -->
								<!-- one item -->
								<div class="swiper-slide">
									<a class="pic" href="#">
										<img src="images/flashsale03.jpg" >
									</a>
									<a class="desc" href="#">
										<p >【最惠价】日韩版简约开口S925银尾戒男士小指戒指单身女食指</p>
									</a>
									<p class="actPrice">￥47.00</p>
									<p class="orgPrice">￥147.00</p>
								</div>
								<!-- one item end -->
								<!-- one item -->
								<div class="swiper-slide">
									<a class="pic" href="#">
										<img src="images/flashsale04.jpg" >
									</a>
									<a class="desc" href="#">
										<p >【最惠价】日韩版简约开口S925银尾戒男士小指戒指单身女食指</p>
									</a>
									<p class="actPrice">￥47.00</p>
									<p class="orgPrice">￥147.00</p>
								</div>
								<!-- one item end -->
						</div>
					</div>
				</div>
			</div>
			<!-- flashsale end -->
			
			<!-- gold -->
			<div class="gold">
				<h2>黄金珠宝</h2>
				<div class="con_top">
					<ul class="clearfix">
						<li>
							<a href="javascript:;">
								<div class="text">
									<p>贵夫馆</p>
									<p>凸显优雅气质</p>
									<p>珍品</p>
								</div>
								<img src="images/gold01.jpg" >
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="text">
									<p>贵夫馆</p>
									<p>凸显优雅气质</p>
									<p>珍品</p>
								</div>
								<img src="images/gold02.jpg" >
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="text">
									<p>贵夫馆</p>
									<p>凸显优雅气质</p>
									<p>珍品</p>
								</div>
								<img src="images/gold03.jpg" >
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="text">
									<p>贵夫馆</p>
									<p>凸显优雅气质</p>
									<p>珍品</p>
								</div>
								<img src="images/gold04.jpg" >
							</a>
						</li>
					</ul>
				</div>
				<div class="con_bot">
					<ul class="clearfix">
						<li>
							<a href="javascript:;">
								<div class="text">
									<p>黄金</p>
									<p>夏日新款</p>
								</div>
								<img src="images/gold05.jpg" >
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="text">
									<p>黄金</p>
									<p>夏日新款</p>
								</div>
								<img src="images/gold06.jpg" >
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="text">
									<p>黄金</p>
									<p>夏日新款</p>
								</div>
								<img src="images/gold07.jpg" >
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="text">
									<p>黄金</p>
									<p>夏日新款</p>
								</div>
								<img src="images/gold08.jpg" >
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="text">
									<p>黄金</p>
									<p>夏日新款</p>
								</div>
								<img src="images/gold09.jpg" >
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="text">
									<p>黄金</p>
									<p>夏日新款</p>
								</div>
								<img src="images/gold10.jpg" >
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="text">
									<p>黄金</p>
									<p>夏日新款</p>
								</div>
								<img src="images/gold11.jpg" >
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="text">
									<p>黄金</p>
									<p>夏日新款</p>
								</div>
								<img src="images/gold12.jpg" >
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!-- gold end -->
			
			<!-- treasures -->
			<div class="treasures">
				<h2>精选珍品</h2>
				<ul class="clearfix">
					<li>
						<a class="good_pic" href="#">
							<img src="images/treasures01.jpg" >
						</a>
						<p class="good_desc"><a  href="#">宝中皇唯美淑女风范儿   银镶嵌3色爱心8mm项链 送亲人 送爱人 银色</a></p>
						<p class="good_price">￥398.00</p>
					</li>
					<li>
						<a class="good_pic" href="#">
							<img src="images/treasures02.jpg" >
						</a>
						<p class="good_desc"><a  href="#">宝中皇唯美淑女风范儿   银镶嵌3色爱心8mm项链 送亲人 送爱人 银色</a></p>
						<p class="good_price">￥398.00</p>
					</li>
					<li>
						<a class="good_pic" href="#">
							<img src="images/treasures03.jpg" >
						</a>
						<p class="good_desc"><a  href="#">宝中皇唯美淑女风范儿   银镶嵌3色爱心8mm项链 送亲人 送爱人 银色</a></p>
						<p class="good_price">￥398.00</p>
					</li>
					<li>
						<a class="good_pic" href="#">
							<img src="images/treasures04.jpg" >
						</a>
						<p class="good_desc"><a  href="#">宝中皇唯美淑女风范儿   银镶嵌3色爱心8mm项链 送亲人 送爱人 银色</a></p>
						<p class="good_price">￥398.00</p>
					</li>
				</ul>
			</div>
			<!-- treasures end -->
			
		</div>
		<!-- main end -->
		
		<!-- footer -->
		<footer>
			<ul>
				<li class="on"><a href="javascript:;"></a></li>
				<li><a href="javascript:;"></a></li>
				<li><a href="javascript:;"></a></li>
				<li><a href="javascript:;"></a></li>
				<li><a href="javascript:;"></a></li>
			</ul>
		</footer>
		<!-- footer end -->
		 
		<script src="js/adaptive.js" type="text/javascript" charset="utf-8"></script>
		<script>
		    // 设计图宽度
		    window['adaptive'].desinWidth = 750;
		    // body 字体大小 会将body字体大小设置为 baseFont / 100 + 'rem'
		    window['adaptive'].baseFont = 28;
		    
		    // 显示最大宽度 可选
		    window['adaptive'].maxWidth = 750;
		    
				// rem值改变后执行方法 可选
		   /* window['adaptive'].setRemCallback = function () {
		        alert(1)
		    } */
		     
		    // 初始化
		    window['adaptive'].init();
		</script>
		<script src="js/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
		
		<!-- banner swiper -->
		<script type="text/javascript">
			var mySwiperBanner = new Swiper ('.swiper-container-banner', {
			    direction: 'horizontal',
			    loop: true,
					autoplay: 2000,  //自动轮播
			    autoplayDisableOnInteraction : false,  //用户操作 不停止 自动轮播
					paginationClickable :true,  //点击小圆点 切换图片
					
			    // 如果需要分页器
			    pagination: '.swiper-pagination-banner',
			    
			  })       
		</script>
		<!-- banner swiper end -->
		
		<!-- notice swiper -->
		<script>        
		  var mySwiperNotice = new Swiper ('.swiper-container-notice', {
		    direction: 'vertical', // 垂直切换选项
		    loop: true, // 循环模式选项
				autoplay: 2000,  //自动轮播
				autoplayDisableOnInteraction : false,  //用户操作 不停止 自动轮播
		  })        
		</script>
		<!-- notice swiper end -->
		
		<!-- flashsale swiper -->
		<script>        
		  var mySwiperFlashsale = new Swiper('.swiper-container-flashsale', {
				slidesPerView: 3.5,
				centeredSlides: false,
				spaceBetween: 10
			});      
		</script>
		<!-- flashsale swiper end -->
		
		<!-- tabbar点击事件 -->
		<script type="text/javascript">
			var cateBtn = document.querySelector("footer ul li:nth-child(2)")  //分类按钮 
			cateBtn.onclick = function(){
				location.href = "category.html"
			}
			
			var loginBtn = document.querySelector("footer ul li:last-child")  //我的按钮
			loginBtn.onclick = function(){
				console.log(111)
				location.href = "login.html"
			}
		</script>
	</body>
</html>


